<template>
  <div class="myWarehouse">
    <c-title :hide="false" text="我的仓库"></c-title>
    <div class="contenbox">
      <div class="lis" @click="toUrl('purchasingCenter')">
        <div class="lis_t">
          <i class="iconfont icon-fontclass-jinhuo"></i>
        </div>
        <div class="lis_b">进货中心</div>
      </div>
      <div class="lis" @click="toUrl('inventoryCenter')">
        <div class="lis_t">
          <i class="iconfont icon-fontclass-fahuo"></i>
        </div>
        <div class="lis_b">库存中心</div>
      </div>
      <div class="lis" @click="toUrl('inventoryDetail')">
        <div class="lis_t">
          <i class="iconfont icon-jianglijilu"></i>
        </div>
        <div class="lis_b">奖励记录</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    toUrl(key) {
      if (key == "purchasingCenter") {
        this.$router.push(this.fun.getUrl("purchasingCenter", {}));
      } else if (key == "inventoryCenter") {
        this.$router.push(this.fun.getUrl("inventoryCenter", {}));
      } else {
        // 模板
        // plugin.gradevin-stockfrontend.controllers.reward-log.index
        this.$router.push(this.fun.getUrl("baseRewardTemplate", {}, { api: "plugin.gradevin-stock.frontend.controllers.reward-log.index" }));
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.myWarehouse {
  .contenbox {
    margin: 0.63rem 0.75rem;
    padding: 1.13rem 1.25rem;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    .lis {
      flex: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-right: 2.5rem;
      .lis_t {
        width: 2.5rem;
        height: 2.5rem;
        background: #eaf1ff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.66rem;
        .iconfont {
          font-size: 1.5rem;
        }
        .icon-fontclass-jinhuo {
          color: #2d74f8;
        }
        .icon-fontclass-fahuo {
          color: #1ec28b;
        }
        .icon-jianglijilu {
          color: #ff934b;
        }
      }
      .lis_b {
        font-size: 0.75rem;
        color: #00001c;
        white-space: nowrap;
      }
    }
    .lis:last-child {
      margin-right: 0;
    }
  }
}
</style>
